<template>
	<div class="comment">
		<div class="social-section">
			<Vssue :title="title" :options="options" :autoCreateIssue="true"/>
		</div>
	</div>
</template>


<script type="text/ecmascript-6">
import {VssueComponent} from 'vssue'
import GithubV3 from '@vssue/api-github-v3'
import 'vssue/dist/vssue.css'
export default {
	name:'CommentVssueGithub',
	props: {
		title: {
			type:String,
			default:"怡人"
		},
	},
	components: {
		'Vssue': VssueComponent
	},
	data() {
		return {
			options: {
				api: GithubV3,
				owner: 'Lang-Zh',
				repo: 'yr_comment',
				clientId: '133a1790f030d1e20047',
				clientSecret: '475873d8a8dedc13daca9f37c8bcb0501a7bd015', 
			},
		}
	},
}
</script>
<style lang="stylus" scoped>
.comment
	margin-top 15px
	background-color #fff
	padding 0px 20px 10px
	border-radius 10px
	box-shadow 0 0 0 1px rgba(0,0,0,.02), 0 4px 10px rgba(0,0,0,.06)
</style>